<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<script>
$(document).ready(function(){
	$("nav").css({
		"border-right":"3px solid #b1aea6"
	});
	$("ul.gn-submenu.taxi-type").css({
		"display":"none"
	});
	$("li.call-taxi").click(function(){
		if($("ul.gn-submenu.taxi-type").css("display") == "none"){
			$("ul.gn-submenu.taxi-type").css({
				"display":"block"
			});		
		}else{
			$("ul.gn-submenu.taxi-type").css({
				"display":"none"
			});
		}
	});
});
function checkRideHistory(){
	window.location.assign("/kosta_project_final_taxi/checkRideHistory.do");
}
function removeMember(){
	var check = confirm("정말 탈퇴하시겠습니까?");
	if(check == true){
		window.location.assign("/kosta_project_final_taxi/remove.do");
	}
}
function modify(){
	window.location.assign("/kosta_project_final_taxi/goModifyForm.do");
}
</script>
<li class="gn-trigger">
	<a class="gn-icon gn-icon-menu"><span>Menu</span></a>
	<nav class="gn-menu-wrapper">
		<div class="gn-scroller">
			<ul class="gn-menu">
				<li class="gn-search-item">
					<input placeholder="Search" type="search" class="gn-search">
					<a class="gn-icon gn-icon-search"><span></span></a>
				</li>
				<li onclick="checkRideHistory()"><a class="gn-icon gn-icon-archive">탑승 기록 확인</a></li>
				<li class="call-taxi" onclick="modify()"><a class="gn-icon gn-icon-download">회원정보 수정</a></li>
				<li onclick="removeMember()"><a class="gn-icon gn-icon-archive">회원 탈퇴</a></li>
			</ul>
		</div><!-- /gn-scroller -->
	</nav>
</li>